<template>
  <div class='container'>
    <el-dialog
  :title="pageTitle"
  :visible="dialogShowLook"
  @close="close"
  width="30%"
  >
<h2>{{lookForm.title}}</h2>
<span>{{lookForm.createTime}}</span> <span>{{lookForm.creatorID}}</span> <i class="el-icon-view"></i> <span>{{lookForm.visits}}</span>
<div class="articleContent" v-html="lookForm.articleBody">

</div>
</el-dialog>
  </div>
</template>

<script>
export default {
  name: 'ArticlesPreview',
  props: ['dialogShowLook', 'pageTitle', 'lookForm'],
  methods: {
    close () {
      this.$emit('update:dialogShowLook', false)
    }
  }
}
</script>

<style scoped lang='less'>
/deep/ .el-dialog__body{
  padding-top: 0px;
}
.container{
  .articleContent{
    height: 100px;
    background-color: #f5f5f5;
    line-height: 100px;
  }
}
</style>
